<template lang="html">
  <section :class="[panelClass,cname]">
    <span v-if="title">{{title}}</span>
    <slot/>
  </section>
</template>
<script>
export default {
  props: {
    cname: {
      type: String,
      default: "",
    },
    title: {
      type: String,
      default: "",
    }
  },
  data() {
    return {
      panelClass: "panel",
    }
  }
}
</script>
<style lang="scss">
  @import "../../../css/element.scss";
  .panel {
    @include panel;
  }
</style>